/**
 * 学习目标：样式处理
 * 1. 行内样式
 *  语法： style = {{css属性名: css属性值}}
 *  注意：💥
 *    1.1. 属性名以驼峰命名，不支持连字符写法
 *    1.2. px为单位时，可以省略写成数字的写法
 * 2. 外部样式
 *  2.1 新建样式文件 css
 *
 *
 */
import React from 'react';
import ReactDOM from 'react-dom';
// 2.2 引入文件
import './index.css';

const divNode = (
  <div>
    <h1 style={{ color: 'red', width: '200px', fontSize: 50 }}>hello React</h1>
    <h2
      // 2.3 分配类名
      className="box"
    >
      hello 76
    </h2>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
